<script setup>
const tonext3=()=>{
  //跳转到子页面
  uni.navigateTo({url:'/studens/return/jiatong'})
}
const tonextc=()=>{
  //跳转到子页面
  uni.navigateTo({url:'/studens/return/checiyuyue'})
}
const tonexts=()=>{
  //跳转到子页面
  uni.navigateTo({url:'/studens/return/fx'})
}
</script>

<template>
  <view id="fdyty">
    <image class="tp19" src="/static/image/duigou.png"></image>
    <view class="cg">同意自愿返乡</view>
    <view class="sq">来自辅导员意见</view>
    <view class="san">
      <view class="tp20" style="background-image: url('static/image/bg1.png')" @click="tonext3">
        <view class="wbk">
          <image class="tp21" src="/static/image/jiaotong.png"></image>
        </view>
        <view class="wbk6">
          <view class="xx">填写交通信息</view>
          <view class="yy">当前还没有交通信息，请填写，谢谢</view>
        </view>
      </view>
      <view class="tp20" style="background-image: url('static/image/bg2.png')" @click="tonextc">
        <view class="wbk">
          <image class="tp21" src="/static/image/yuyue.png"></image>
        </view>
        <view class="wbk6">
          <view class="xx">返乡送站车次预约</view>
          <view class="yy">请至少在乘车前一天17:00之前完成预约</view>
        </view>
      </view>
      <view class="tp20" style="background-image: url('static/image/bg3.png')"  @click="tonexts">
        <view class="wbk">
          <image class="tp21" src="/static/image/quereng.png"></image>
        </view>
        <view class="wbk6">
          <view class="xx">自愿返乡确认</view>
          <view class="yy">达到后及时填报返乡确认，谢谢</view>
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped>
#fdyty{
  width: 100%;
  height: 100%;
  background-color: #F0F3FA;
}
.tp19{
  width: 64px;
  height: 64px;
  position: relative;
  top: 150px;
  left: 185px;
}
.cg{
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  color: #262626;
  position: relative;
  top: 155px;
  text-align: center;
}
.sq{
  width: 100%;
  height: 26px;
  font-weight: 400;
  font-size: 15px;
  color: #A0A0A0;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  position: relative;
  top: 160px;
}
.san{
  width: 94%;
  height: 530px;
  border-radius: 8px;
  background-color: white;
  position: relative;
  top: 210px;
  left: 3%;
}
.tp20{
  width: 92%;
  height: 150px;
  background-size: 100% 100%;
  position: relative;
  border-radius: 10px;
  left: 4%;
  top: 20px;
  margin-bottom: 20px;
}
.tp21{
  width: 50px;
  height: 50px;
  position: relative;
  top: 50px;
  left: 10px;
}
.wbk{
  display: flex;
}
.tp22{
  width: 30px;
  height: 30px;
  position: relative;
  left: 320px;
  top: -50px;
}
.wbk6{
  position: relative;
  left: 70px;
  top: -10px;
}
.xx{
  width: 200px;
  height: 45px;
  font-weight: 600;
  font-size: 25px;
  color: #FFFFFF;
  letter-spacing: 0;
}
.yy{
  width:290px;
  height: 17px;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
}
</style>